<template>
    <div class="container">

        <div class="body_wrap">
            <el-card class="body_card" shadow="hover" ref="content_card">
                <div class="header_back_wrap">
                    <el-page-header @back="$router.back(-1)" :content="$route.meta.title" class="headerBack"></el-page-header>
                    <el-divider></el-divider>
                </div>

                <div class="form_content">
                    <div class="table_form_wrap">
                        <HlsPlayer src="http://api.mars.admin.com/hls/dy.m3u8" />
                    </div>
                </div>

            </el-card>
        </div>



    </div>
</template>

<script>
import HlsPlayer from '@/views/components/HlsPlayer/HlsPlayer.vue';
export default {
    components: {
        HlsPlayer
    },
    data() {
        return {
            
        }
    },

    created() {
    },

    mounted() {
        this.$nextTick(function() {
        });
    },

    methods: {

        /**
         * 提交表单
         */
        async handleSubmit() {
            const res = await this.$http({
                url: `http://api.mars.admin.com/hls/sugar.m3u8`,
                method: 'POST'
            })
            console.log(res);
        }
    },
    beforeDestroy() {

    }
}
</script>
<style src="@wangeditor/editor/dist/css/style.css"></style>
<style lang="scss" scoped>


</style>
